<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>公司人事管理系统</title>

    <link rel="stylesheet" href="layui/css/layui.css">


</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">公司人事管理系统</div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <li id="btn6" class="layui-nav-item"><a href="javascript:">主页</a></li>
            <!--<li class="layui-nav-item"><a href="javascript:">公告</a></li>-->
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li id="btn7" class="layui-nav-item"><a href="javascript:">退出系统</a></li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree"  lay-filter="test">
                <li id="btn1" class="layui-nav-item"><a href="javascript:">公告管理</a></li>
                <li id="btn2" class="layui-nav-item"><a href="javascript:">部门管理</a></li>
                <li id="btn3" class="layui-nav-item"><a href="javascript:">职位管理</a></li>
                <li id="btn4" class="layui-nav-item"><a href="javascript:">员工管理</a></li>
                <li id="btn5" class="layui-nav-item"><a href="javascript:">关于作者</a></li>

            </ul>
        </div>
    </div>

    <div class="layui-body" >
        <iframe id="frame" style="padding-top: 50px" src="staff.html" height="100%" width="100%"></iframe>
        <!--<iframe id="frame" src="main.html" height="100%" width="100%"></iframe>-->
    </div>

    <div class="layui-footer">
        <!-- 底部固定区域 -->
        © 公司人事管理系统版权所有，盗版必究 - 底部固定区域
    </div>
</div>
<script src="layui/layui.js"></script>
<script>
    layui.use(['jquery','layer', 'form','element'], function(){
        var layer = layui.layer,
            element=layui.element,
            form = layui.form,
            $=layui.jquery;
        var frame = $("#frame");
        //公告管理
        $("#btn1").click(function(){
           // console.log("测试");
            frame.attr("src","announ.html");
            //console.log(frame.attr('src'));
            frame.load();
        });
        //部门管理
        $("#btn2").click(function()
        {
            frame.attr("src","depart.html");
            frame.load();
        });
        //职位管理
        $("#btn3").click(function () {
            frame.attr("src","position.html");
            frame.load();
        });
        //员工管理
        $("#btn4").click(function () {
            frame.attr("src","staff.html");
            frame.load();
        });
        //关于作者
        $("#btn5").click(function () {
            frame.attr("src","autor.html");
            frame.load();
        });
        //回到主页
        $("#btn6").click(function () {
           // frame.attr("src","main.html");
            frame.attr("src","staff.html");
            frame.load();
        });
        //退出系统(跳转到登录页)
        $("#btn7").click(function () {
            window.location="login.html";
            //frame.attr("src","login.html");
            //frame.load();
        });
        //layer.msg('Hello World');
    });
</script>



</body>
</html>
